@charset "utf-8";
/*²¼¾Ö*/
/*-
/*pageWidth*/
.pageWidth{ width:100%; margin:0 auto; background:none; max-width:1440px;}

/*header*/
#header{ width:100%; margin:0; height:auto;}
.header_con{ max-width:1400px; margin:0 auto;position:relative;  }
.head_black{ background:#555; color:#ccc; font-size:11px; height:35px; line-height:35px;}
.head_white{ background:#fff; border-bottom:1px solid #ccc; height:80px;}

.head_welcome{  width:98%;  margin:0 auto;}
.head_welcome li.regard{ float:left; width:50%;}
.head_welcome li.link{ float:right; width:40%; text-align:right;}
.head_welcome li.link a{ color:#ccc;margin-left:20px; }


.head_welcome li.operate span.register{ padding:0;} 
.head_welcome li.operate a{ color:#eee;}
.head_welcome .login-after a.exit{ color:#eee;}

/*head_logo*/
.head_logo{  float:left;width:15%; padding:10px 0 0 0;}

/*head_company*/
.head_company{ position:absolute; top:7px; right:270px; z-index:6; line-height:23px;}
.head_company select{ background:#555; color:#ccc; font-family:"Î¢ÈíÑÅºÚ"; font-size:11px;}

/*head_lan*/
.head_lan{ position:absolute; top:0; right:0; width:30%; text-align:right; z-index:5;}
.head_lan a{ color:#eee;}

/*search*/
.head_search{ position:absolute; top:7px; right:50px;  height:20px; line-height:20px; width:205px; z-index:4000000;}


/*nav*/
.menu{margin:0; height:80px; position:absolute; right:0; top:0; z-index:888;}


/*banner*/
#banner{ width:100%; margin:0;  padding-top:106px;}
.banner_con{ height:auto; width:100%; margin:0; overflow:hidden;}

.banner_2{ min-height:280px; }

#company .banner_2{ }
#news_list .banner_2,#news_detail .banner_2{ }
#products_index .banner_2,#products_list .banner_2,#products_detail .banner_2,#products_safe .banner_2,#products_safe_detail .banner_2,#products_service .banner_2,#products_system .banner_2{ }
#solution .banner_2,#case_list .banner_2,#case_detail .banner_2{}
#question .banner_2,#download_list .banner_2{ }
#job .banner_2,#job_list .banner_2,#job_apply .banner_2,#job_apply_success .banner_2,#job_detail .banner_2,#job_school .banner_2{}
#contact .banner_2,#messages_list .banner_2,#messages_success .banner_2,#questionnaire_detail .banner_2,#questionnaire_list .banner_2,#questionnaire_result .banner_2,#questionnaire_success .banner_2{}

/*main*/
#main{ width:100%;}

/*container*/
.container{ width:100%; margin:0 auto; padding:0  0 50px 0;  position:relative; overflow:hidden; min-width:1200px;}

/*con_con*/
.con_con{ width:90%; margin:0 auto;}
.con_0{  border-top:1px solid #fff; padding:40px 0; clear:both;}
.con_0 h1,.con_0 h2{ text-align:center; font-weight:normal;}
.con_0 h1{ font-size:25px; margin-bottom:10px;}
.con_0 h2{ font-size:15px;}

.con_1{ background:#8bcc4c; height:35px; line-height:35px; color:#fff; padding:0; font-size:12px;}
.con_1 a{ color:#fff; width:30%; float:left; text-align:center;}


.con_2 h1{ text-align:left;font-size:28px;}
.con_2 .con_con{ }

.index_company{ float:right; width:62%; display:inline; /*padding-left:5%;*/ line-height:30px;}

.index_company .describe b{ c; }



.index_news{ float:left; width:30%; display:inline; /*padding-right:5%;*/}
.index_news a{ background:url(../images/yd.gif) no-repeat left center; padding-left:20px; text-decoration:none;}

.index_news .newstitle li h3{ background:none; padding:0; font-weight:normal;}
.index_news li.clearBoth{ display:none;}
.index_news li.title{  float:left;width:75%; padding-right:0; }
.index_news li.content a{ font-size:14px;}
.index_news li.content a:hover{ color:#84C225;}
.index_news li.date{ float:right; display:inline; width:20%; text-align:right;padding-right:0; color:#999; padding-right:10px;}
.index_news li.date span{ display:none;}


.fangan_ico p { width:230px;height:anto; background:url(../images/fangan.png) no-repeat ; text-indent:-9999px;}
.fangan_ico h2 a { color:#3A8FE5;}
.fangan_ico h2 a:hover{ color:#333;}


.fangan_ico p.fangan01 { background-position:0 0;}
.fangan_ico p.fangan02 { background-position:-230px 0;}
.fangan_ico p.fangan03 { background-position:-460px 0;}
.fangan_ico p.fangan04 { background-position:-690px 0;}
.fangan_ico p.fangan05 { background-position:-920px 0;}


.fangan_ico .p_top{ padding-bottom:200px;}
.zhongduan{ position:relative;  width:100%;min-height:730px; background:url(../images/zhineng.png) no-repeat center 0;  text-align:left;}
.zhongduan h2 a:hover{  background:#f3f3f3; color:#3A8FE5;padding:2px 10px;}

.yibiao { float:left; width:250px;height:auto;  text-align:left;  position:absolute; left:1%; top:20px; }
.baohu { float:left; width:250px;height:auto;  text-align:left;   position:absolute; right:23%; top:48px; }
.dianqi { float:left; width:250px;height:auto;  text-align:left;   position:absolute; left:1%; top:470px; }
.mokuai { float:left; width:200px;height:auto;  text-align:left; position:absolute; right:1.5%; bottom:320px; }






.jscarousal
{
	max-width:1200px;
	height: 160px;
	margin:0 auto;
	position: relative; /*overflow: hidden;*/
}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right
{
	float: left;
	width: 40px;
	height: 160px;
	color: White;
	position: relative;
	top: 12px;
	cursor: pointer;
}
.jscarousal .jscarousal-left
{
	background-image: url(../images/left.png);
	background-repeat: no-repeat;
	background-position: left;
}
.jscarousal .jscarousal-right
{
	background-image: url(../images/right.png);
	background-repeat: no-repeat;
	background-position: right;
}
.jscarousal-contents
{
	width: 1100px;
	height: 220px;
	float: left;
	position: relative;
	overflow: hidden;
}
.jscarousal-contents > div
{
	position: absolute;
	width: 100%;
	height: 210px;
}
.jscarousal-contents > div > div
{
	float: left;
	margin-left: 25px;
	margin-right:25px;
}
.jscarousal-contents img
{
	width: 212px;
	height: 160px;
	border: solid 5px #fff; 
}
.hidden
{
	display: none;
}
.visible
{
	display: block;
}
.thumbnail-active
{

	cursor: pointer;
}
.thumbnail-inactive
{

	cursor: pointer;
}
.thumbnail-text
{
	color: #84C225;
	font-weight: bold;
	text-align:center;
	display: block;
	padding: 10px 2px 2px 0px;
}




.con_3 h1,.con_5 h1{ color:#333;}
.con_3{ background:#eee;  padding:80px 0;}
.con_3 .title_001 h1{  padding-bottom:80px;}
.con_4{ padding:80px 0;}
.con_5{ background:#eee;  height:400px;}
.con_5 .con_con{ width:100%;}

.con_5 .title_001 h1{ padding:30px 0 10px 0;}

.case_son{width:44%; margin:0 auto; padding-bottom:30px ;}
.case_son a{width:15%;  padding:2px 4%;}
.case_son a.cur{ color:#fff; }
.case_son a:hover { background:#84C225; border-radius:15px;color:#fff;}


.con_5 .title_002{ margin:20px 0;}
.con_5 .title_002 h2{ font-size:25px;}
.cate_2,.cate_3{ background:#fff url(/images/images/bg_1.jpg) repeat-x left center;}

.cate_1 .title_002 h2{ color:#83a811;}
.cate_2 .title_002 h2{ color:#ffb437;}
.cate_3 .title_002 h2{ color:#6ac9db;}

.cate_3 a{ line-height:40px;}

.index_cate{ border-bottom:1px solid #eee; border-top:1px solid #fff;}

.con_6{ padding-top:20px;}
.con_6 .con_con a{ width:123px; height:123px; display:block; margin:0 auto; background:url(/images/images/i_b.png) no-repeat 0 0;}
.con_6 .con_con a:hover{ background-position:left bottom;}

.con_6 .con_con h2{ margin-bottom:20px;}
.con_6 .con_con h3 a{ height:30px; background:none; text-align:center; line-height:30px; font-weight:normal;}
.con_6 .con_con h3 a:hover{ background:none;}



.pro_service a{ width:123px; height:123px; display:block; margin:0 auto; background:url(/images/images/i_b.png) no-repeat 0 0;}
.pro_service a:hover{ background-position:left bottom;}

.pro_service h2{ margin-bottom:20px;}
.pro_service h3 a{ height:30px; background:none; text-align:center; line-height:30px; font-weight:normal;}
.pro_service h3 a:hover{ background:none;}



/*sidebar*/
.sidebar{ float:left; background:#f3f3f3; display:inline; width:23%;padding:50px  0;  border-right:1px solid #ccc; padding-bottom:9999px; margin-bottom:-9999px;}
#box_side_3{ display:none;}

/*bread*/
.bread{ font-size:11px; margin:0; color:#999; text-align:left; background:none; color:#999; margin-bottom:30px;}

/*content_con*/
.content_con{ width:72%; float:right; display:inline; overflow:hidden; line-height:25px;padding:50px  0; }

/*footer*/
#footer{ width:100%; position:relative; z-index:99; background:#f9f9f9; border-top:1px solid #ddd;}
.foot_content{ width:100%; margin:0 auto; font-size:12px; line-height:25px;}

.foot_copyright{ background:#222; width:100%; border-top:1px solid #373737; padding:20px 0; text-align:center; color:#ccc;}
.foot_copyright strong{ font-size:20px; color:#eee; font-weight:bold;}
.foot_copyright a{ color:#ccc;}
.foot_copyright a:hover{ color:#eee;}

.foot_copyright .wei{ width:92px; margin:0 auto; margin-top:10px;}
.foot_copyright a.weibo{ background:url(/images/images/weibo.png) no-repeat 0 0; width:46px; height:46px; display:block; margin:0 auto;}
.foot_copyright a.weibo:hover{ background:url(/images/images/weibo.png) no-repeat 0 -46px; }
.foot_copyright a.weixin{ background:url(/images/images/weixin.png) no-repeat 0 0; width:46px; height:46px; display:block; margin:0 auto;}
.foot_copyright a.weixin:hover{ background:url(/images/images/weixin.png) no-repeat 0 -46px; }
.foot_copyright a.weibo span,.foot_copyright a.weixin span{ display:none;}


.foot_links{ width:100%; background:#84C225; border-bottom:1px solid #242424;}  
.foot_links td{ width:14.28%;  padding:30px 0;  text-align:center; border-right:1px solid #ccc;}

.foot_links td.foot_bor7{ border-right:0px solid #ccc;}

.foot_links h3{ height:45px; line-height:45px; color:#fff; text-transform:uppercase; font-weight:normal; font-size:20px;  }


.foot_links ul{  }

.foot_links li a{ font-size:14px;line-height:30px;  text-decoration:none; color:#eee;   display:block; }
.foot_links li a:hover{ text-decoration:none; color:#eee; background:#666; padding:0 15px; }


.foot_weibo{ text-align:right;}
.foot_weibo a.weibo{ float:right;}
.foot_weixin{ text-align:left;}

.foot_weixin a.weixin{ width:46px; height:46px; margin:0 auto; position:relative; float:left;}
.foot_weixin .xixi{display:none;}
.foot_weixin:hover .xixi{position:absolute; display:block; left:52%; bottom:85px; z-index:9}
